﻿<!DOCTYPE html>
<html lang="zh">

<head resource>
    <include file="../inc/meta.inc" />
    <title>支付接口</title>

</head>

<body>
    <div id="app" v-cloak>
        <div class="toolsbar">
            <btngroup show="新增,修改" ref='btngroup' @delete="deleteData" path="Modify" width="600" height="600"
                :selects='selects' idkey='Pai_ID' table="datatable"></btngroup>
        </div>
        <template>
            <el-table ref="datatable" :data="datas" tooltip-effect="dark" style="width: 100%" stripe
                @selection-change="val=>selects=val" @row-dblclick="rowdblclick" index-key="Pai_Tax" row-key="Pai_ID"
                draggable :row-class-name="data=>{return data.row.Pai_IsEnable ? 'enable' : 'disabled';}">
                <el-table-column type="selection" width="40">
                </el-table-column>
                <el-table-column type="index" width="50">
                    <template slot-scope="scope">
                        <span>{{scope.$index + 1}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="接口名称">
                    <div slot-scope="scope" class="pai_name">

                        <img :src="'/Utilities/Images/Pay/'+scope.row.Pai_Pattern+'.png'" />
                        <span v-html='scope.row.Pai_Name' class="draghandle"></span>
                    </div>
                </el-table-column>
                <el-table-column label="类型" align="center" width="120" >
                    <template slot-scope="scope">
                        <icon v-if="getpattern(scope.row.Pai_Pattern)=='zhifubao'" class="zhifubao">&#xe602</icon>
                        <icon v-if="getpattern(scope.row.Pai_Pattern)=='weixin'" class="weixin">&#xe832</icon>
                        <span v-html='scope.row.Pai_Pattern'></span>
                    </template>
                </el-table-column>
                <el-table-column label="设备" width="120" align="center">
                    <template slot-scope="scope">
                        <span v-if="scope.row.Pai_Platform=='web'">
                            <icon>&#xe609</icon>
                            电脑
                        </span>
                        <span v-if="scope.row.Pai_Platform=='mobi'">
                            <icon>&#xe66b</icon>手机
                        </span>
                    </template>
                </el-table-column>
                <el-table-column label="合作ID" align="center" v-if="false">
                    <template slot-scope="scope">

                        {{scope.row.Pai_ParterID}}
                    </template>
                </el-table-column>
                <el-table-column label="汇总" width="120">
                    <template slot="header" slot-scope="scope">
                        汇总 <el-tooltip class="item" effect="dark" content="汇总计算支付接口所有的资金收入" placement="bottom">
                            <icon>&#xa026</icon>
                          </el-tooltip>                      
                      </template>
                    <template slot-scope="scope">
                        <moneysummary :entity="scope.row"></moneysummary>
                    </template>
                </el-table-column>
                <el-table-column label="费率" width="100" align="center">
                    <template slot-scope="scope">
                        {{scope.row.Pai_Feerate}}%
                    </template>
                </el-table-column>

                <el-table-column label="使用" show-overflow-tooltip width="60">
                    <template slot-scope="scope">
                        <span class="el-icon-loading" v-show="loadingid==scope.row.Pai_ID"></span>
                        <el-switch v-model="scope.row.Pai_IsEnable" @change="changeUse(scope.row)"
                            v-show="loadingid!=scope.row.Pai_ID">
                        </el-switch>
                    </template>
                </el-table-column>
                <el-table-column label="操作" width="120" align="center">
                    <template slot-scope="scope">
                        <span class="el-icon-loading" v-show="loadingid==scope.row.Pai_ID"></span>
                        <el-button-group v-show="loadingid!=scope.row.Pai_ID">
                            <el-link type="primary" plain icon="el-icon-edit"
                                @click='$refs.btngroup.modifyrow(scope.row)'>修改</el-link>
                            <el-popconfirm title="确定删除吗？" @confirm="$refs.btngroup.delete(scope.row.Pai_ID)">
                                <el-link type="danger" plain icon="el-icon-delete" slot="reference">删除</el-link>
                            </el-popconfirm>
                        </el-button-group>
                    </template>
                </el-table-column>
            </el-table>

        </template>
    </div>


</body>

</html>